<template>
 <page-header-wrapper :title="false">
  <div class="fatherBox">
    <div v-if="!spinning" class="coverBox"></div>
    <div v-if="!spinning" class="coverMenu"/>
    <!-- 流程设计器 -->
    <a-spin size="large" :spinning="spinning" >
      <iframe v-if="src" class="iframeBox" :src="src" @load="loaded"></iframe>
    </a-spin>
    
  </div>
 </page-header-wrapper>
</template>
<script>
import { FLOWABLE_URL } from '@/store/mutation-types'
export default {
  data() {
    return {
      spinning: true,
      src: FLOWABLE_URL,
    }
  },
  created() {},
  methods: {
    loaded() {
      console.log('ifram初始化')
      this.spinning = false
    },
  },
}
</script>

<style lang="less" scoped>
.iframeBox {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  border: 1px solid #fff;
}
.coverMenu, .coverBox {
  position: absolute;
  background-color: #1f3245;
  // border: 1px solid red;
  height: 35px;
  width: 17%;
}
.coverMenu {
   top: 0.5%;
  right: 1px;
}
.coverBox {
  
  top: 0.5%;
  left: 1px;
}

.fatherBox {
  position: relative;
}
</style>